body,div,ul,li,ol,pre,h1,h2,h3,h4,h5,h6,dl,dt,dd,input,fieldset,form,textarea,p,th,td,button,blockquote,span,img{margin:0;padding:0;}
html{font-size:62.5%;}
body{color:#333; width:100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", Arial, Helvetica, STHeiti, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size:1.4rem; line-height: 26px; background: #fff;}
fieldset,img,input,button{border:0;}
ul,li{list-style-type:none;}
a{ color:#333;text-decoration:none;}
a:hover{ color:#1c599b; text-decoration:none;}




/*index*/
#top{ position: absolute; left: 0; top: 0; width:94%; height: 56px; padding: 0 3%; background: #fff; z-index: 999;}
#top h1{ float: left; height: 36px; margin: 10px 0 0 ;}
#top h1 img{ float: left; height: 36px;}

.language{ float: left; margin:0 0 0 0; padding: 16px 0; position: relative;}
.languageA{ float: left; line-height: 26px; padding: 0 16px 0 0; cursor: pointer; background: url("../img/sjx.png") no-repeat right center;}
.languageA i{ display: none;float: left; height: 26px; width: 26px;}
.languageA p{ float: left; margin: 0 0 0 0; font-size: 20px;}
.languageB{ position: absolute; left: 0; top: 56px; z-index: 9; width: 100px; padding: 10px 0; border: 1px solid #ddd; display: none; background: #fff;}
.languageB a{ float: left; width: 100%; text-align: center; color: #333; line-height: 36px;}
.languageB a:hover{ color:#1c599b;}
.language:hover .languageB{ display: block;}

.nav{ display: none;}

.sp_nav{width:30px;float:right;position:relative;cursor:pointer; height: 40px; margin: 8px 0 0 0;}
.sp_nav span{display:block;background:#1c599b;width:30px;height:3px;position:absolute;left:0;transition:all ease 0.35s; margin: 13px 0 0 0;}
.sp_nav span:nth-of-type(1){top:0}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:6px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:6px;transform:rotate(-45deg)}

.menu{position:fixed;background:#fff;border-top: 1px solid #ddd; width:97%; padding:0 3% 0 0; height:-webkit-calc(100% - 57px);height:-moz-calc(100% - 57px);height:calc(100% - 57px);top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; z-index: 998;}
.nav_show{top:56px}
.menu>ul>li:first-child{overflow:hidden;border-top:0}
.menu>ul>li:first-child>a{float:left;width:100%;}
.menu ul li i{position:absolute;top:4px;right:0;border-left:1px #ddd solid;height:28px;}
.menu ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.menu ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.menu ul li{border-top:1px #ddd solid;margin-left:3%;position:relative;line-height:50px;font-size:1.6rem; width: 97%;}
.menu>ul >li:last-child{border-bottom:1px #ddd solid;}
.menu ul li ul{display:none}
.menu ul li a{color:#333;width:80%; display: block;}
.menu ul li ul li a{color:#666;display:block;text-align:left;}
.menu ul li i svg{width:28px;height:28px;fill:#999;}
.menu ul li .sjj_nav_i_se svg{fill:#4aa9ea}
.menu ul li ul li ul li a{color:#999;display:block;text-align:left;}
.menu>ul>li select{ float: left;border: solid 1px #fff;appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url("../img/sjx.png") no-repeat scroll right center transparent; width:100%; height: 50px;outline: none; color: #333;font-size: 1.6rem;}


#banner{ float: left; width:94%; margin:56px 3% 0 3%;}
#banner img{ float: left; width: 100%;}


#contentA{ float: left; width: 100%;}
#contentA a{ float: left; width:45.5%; margin: 3% 0 0 3%;}
#contentA a img{ float: left; width: 100%;}


#contentB{ float: left; width:88%; margin: 3% 3% 0 3%; padding: 0 3%; height: 150px; background: url("../img/news_bj.jpg") no-repeat center center;}
#contentB dl{ float: left; width: 100%; line-height: 20px; margin: 15px 0 10px 0;}
#contentB dl dt{ float: left; color: #fff; font-size:1.8rem; font-weight: bold;}
#contentB dl dd{ float: right;}
#contentB dl dd a{ color: #fff; font-weight: bold;}
#contentB ul{ float: left; width:100%;}
#contentB ul li{ float: left; width: 100%; line-height: 24px; color: #fff;}
#contentB ul li p{ float: left; width:100%;}
#contentB ul li p a{ float: left; max-width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #fff;}
#contentB ul li s{ display: none;}



#contentC{ float: left; width: 100%;}
#contentC a{width:-webkit-calc(29.33% - 2px);width:-moz-calc(29.33% - 2px);width:calc(29.33% - 2px); border: 1px solid #333; float: left; margin: 3% 0 0 3%; /*box-shadow: 5px 5px 5px rgba(4,0,0,0.35);*/}
#contentC a img{ float: left; width: 100%;}


#bottom{ width:88%; float: left; text-align: center; background: #9e7800; color: #fff; padding: 3%; margin: 3% 3% 0 3%;}
#bottom ul{ float: left; width:100%; line-height: 28px; background: #9e7800;}
#bottom ul li{ float: left; width:100%;}
#bottom ul li a{ color: #fff;}
#bottom p{ width:100%;float: left; text-align: center; background: #9e7800; line-height: 26px;}
/*index*/



/*contact*/
#contact{ float: left; width:94%; margin: 6% 3% 3% 3%;}
.contact_tit{ float: left; width: 100%;}
.contact_tit h2{ float: left; font-size:2.4rem; color: #1c599b;}
.contact_tit div{ float: right; line-height: 26px;}
.contact_tit div i{ float: left; width: 15px; margin: 4px 10px 0 0;}
.contact_tit div i img{ float: left; width: 100%;}
.contact_con{ float: left; width: 100%; margin: 3% 0 0 0;}
.contact_con_map{ float: left; width:-webkit-calc(100% - 2px);width:-moz-calc(100% - 2px);width:calc(100% - 2px); height: 356px; border: 2px solid #333;}
.contact_con_text{ float: right; width:100%; margin: 6% 0 0 0;}
.contact_con_text dl{ float: left; width: 100%;}
.contact_con_text dl dt{ float: left; width: 100%; font-size:1.8rem; font-weight: bold; line-height: 28px; margin: 0 0 3% 0;}
.contact_con_text dl dd{ float: left; width: 100%;}
#dituContent{ float: left; width: 100%; height: 100%;}
/*contact*/



/*about*/
#route{ float: left; width:94%; margin: 4% 3% 0 3%; border-bottom: 1px solid #ddd; padding: 0 0 15px 0;}
#route i{ float: left; width: 15px; margin: 5px 10px 0 0;}
#route i img{ float: left; width: 100%;}


#about{ float: left; width:94%; margin: 0 3%; padding: 3% 0 0 0;}
.aboutA{ float: left; width: 100%; margin: 3% 0;}
.aboutA_tit{ float: left; width: 100%; font-size:2.4rem; color: #1c599b; font-weight: bold;}
.aboutA_con{ float: left; width: 100%; margin: 3% 0 0 0;}
.aboutA_con_img{ float: left; width:-webkit-calc(100% - 2px);width:-moz-calc(100% - 2px);width:calc(100% - 2px); border: 1px solid #333;}
.aboutA_con_img img{ float: left; width: 100%;}
.aboutA_con_text{ float: right; width:100%; margin: 6px 0 0 0;}
.aboutA_con_text strong{ color: #1c599b;}
.aboutB{ float: left; width: 100%; margin: 3% 0;}
.aboutB_tit{ float: left; width: 100%; font-size: 2.4rem; color: #1c599b; font-weight: bold;}
.aboutB_con{ float: left; width: 100%; margin: 3% 0 0 0;}
.aboutB_con_img{ float: left; width:-webkit-calc(100% - 2px);width:-moz-calc(100% - 2px);width:calc(100% - 2px); border: 1px solid #333;}
.aboutB_con_img img{ float: left; width: 100%;}
.aboutB_con_text{ float: left; width:100%; margin: 4% 0 0 0;}
.aboutB_con_text strong{ font-size:1.8rem;}
/*about*/



/*privacy*/
#privacy{ float: left; width:94%; margin: 6% 3% 3% 3%;}
.privacy_tit{ float: left; width: 100%; font-size:2.4rem; color: #1c599b; font-weight: bold;}
.privacy_con{ float: left; width: 100%; margin: 6% 0 0 0;}
/*privacy*/



/*news*/
#news_banner{ float: left; width:94%; margin: 3% 3% 0 3%;}
#news_banner img{ float: left; width: 100%;}


#news{ float: left; width:94%; margin:6% 3% 0 3%;}
.news_tit{ float: left; width: 100%; font-size:2.4rem; color: #1c599b; font-weight: bold;}
.news_con{ float: left; width: 100%; margin:4% 0 0 0;}
.news_con div{ float: left; width: 100%; line-height: 40px; background: url("../img/sjx2.png") no-repeat left center;}
.news_con div p{ float: left; width:-webkit-calc(100% - 15px);width:-moz-calc(100% - 15px);width:calc(100% - 15px); margin: 0 0 0 15px;}
.news_con div p a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; max-width: 100%; float: left;}
.news_con div s{ display: none;}

.page{ float: left; width: 100%; margin: 5% 0 0 0;}
.page p{ float: left; margin: 0 10px 10px 0;}
.page p a{ padding: 0 30px; height: 40px; line-height: 40px; border-radius: 20px; background: #fff; box-shadow: 5px 5px 5px rgba(4,0,0,0.35); float: left;}
.page ul{ float: left;}
.page ul li{ float: left; width: 40px; margin: 0 10px 10px 0;}
.page ul li a{ float: left; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #fff; box-shadow: 5px 5px 5px rgba(4,0,0,0.35); border-radius: 50%;}
.page ul li a.hov2{ color: #fff;background:-webkit-linear-gradient(to bottom right, #3d8adc, #1d5a9d););background:-o-linear-gradient(to bottom right, #3d8adc, #1d5a9d););background:-moz-linear-gradient(to bottom right, #3d8adc, #1d5a9d););background:linear-gradient(to bottom right, #3d8adc, #1d5a9d); font-weight: bold;}
/*news*/



/*news_1*/
#news_1{ float: left; width:94%; margin: 6% 3% 0 3%;}
.news_1_tit{ float: left; width: 100%;}
.news_1_tit p{ float: left; width: 100%; font-size: 2.2rem; font-weight: bold; color: #1c599b; line-height: 30px;}
.news_1_tit s{ float: left; width: 100%; text-decoration: none; color: #999; margin: 3% 0 0 0;}
.news_1_con{ float: left; width: 100%; margin: 6% 0 0 0;}
.news_1_con a{ color: #280cfb;}
.news_1_con img{ width: 100%;}
/*news_1*/



/*products*/
#products{ float: left; width: 100%; margin: 2% 0 0 0;}
.products_le{ float: left; width: 96%; padding: 0 2%;}
.products_le a{ width:-webkit-calc(23% - 2px);width:-moz-calc(23% - 2px);width:calc(23% - 2px); border: 1px solid #333; float: left; margin:1%; /*box-shadow: 3px 3px 3px rgba(4,0,0,0.35);*/}
.products_le a img{ float: left; width: 100%;}
.products_ri{ float: left; width:100%;}
.products_ri a{ -webkit-calc(29.33% - 2px);width:-moz-calc(29.33% - 2px);width:calc(29.33% - 2px); border: 1px solid #333; float: left; margin: 3% 0 0 3%; /*box-shadow: 5px 5px 5px rgba(4,0,0,0.35);*/}
.products_ri a img{ float: left; width: 100%;}
/*products*/



/*products_1*/
#products_1{ float: left; width: 100%; margin: 2% 0 0 0;}
.products_1_ri{ float: left; width:94%; margin: 3% 3% 0 3%;}
.products_1_riA{ float: left; width: 100%;}
.products_1_riA_1{ float: left; width: 100%;}
.products_1_riA_1a{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); height: 90px; background: #9e7800; color: #fff; padding: 20px 20px 0 20px;}
.products_1_riA_1a p{ float: left; width: 100%; font-size:2.4rem; font-weight: bold; line-height: 30px;}
.products_1_riA_1a span{ float: left; width: 100%; margin: 10px 0 0 0;}
.products_1_riA_1b{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); height: 95px; background: #222; color: #fff; padding: 15px 20px 0 20px;}
.products_1_riA_1b p{ float: left; width: 100%;}
.products_1_riA_2{ float: left; width:100%; margin: 3% 0 0 0;}
.products_1_riA_2 img{ float: left; width: 100%;}

.products_1_riB{ float: left; width:100%; margin: 6% 0 0 0;}
/*.products_1_riB a{margin:0 0 10px 0; float: left; width:100%; text-align:center; height: 58px; background: url("../img/pro_but_bj2.jpg") no-repeat center center;background-size: 100% 100%; border: 1px solid #999; border-radius: 5px; outline: none; cursor: pointer; font-family:"微软雅黑", Arial; font-size:16px; font-weight:bold; color:#333; overflow:hidden; line-height:58px;}*/
.products_1_riB a{ width:-webkit-calc(94% - 22px);width:-moz-calc(94% - 22px);width:calc(94% - 22px); margin:3% 3% 0 3%; float: left; height: 20px; border: 1px solid #333; background: url("../img/pro_but_bj2.jpg") no-repeat left center; background-size: 100% 100%; padding:35px 10px 15px 10px; line-height:20px; color:#222; font-weight:bold; font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;}
.products_1_riB a s{ position:relative; left:50%; float:left; text-decoration:none;}
.products_1_riB a s i{ position:relative; right:50%; float:left; font-style:normal;}
.products_1_riB a img{ margin:8px 15px 0 0; float:left;}

.products_1_riC{ float: left; width:100%; margin: 3% 0 0 0;}
.products_1_riC img{ width: 100%;}
/*products_1*/



/*technology*/
#technology{ float: left; width:94%; margin: 6% 3% 0 3%;}
.technology_img{ float: left; width:-webkit-calc(100% - 2px);width:-moz-calc(100% - 2px);width:calc(100% - 2px); margin: 0 0 4% 0;}
.technology_img img{ float: left; width: 100%;}
.technology_text{ float: left; width:100%;}
.technology_text h5{ font-size: 2.4rem; color: #1c599b; line-height: 40px; float: left; width: 100%; margin: 0 0 10px 0;}
/*technology*/

/*brand*/
#brand{ float: left; width:94%; margin:3% 3% 0 3%;}
#brand img{ float: left; width: 100%;}
/*brand*/




/*material_science*/
#material_science{ float: left; width: 100%; margin: 10px 0 0 0;}
#material_science a{ width:-webkit-calc(94% - 22px);width:-moz-calc(94% - 22px);width:calc(94% - 22px); margin:3% 3% 0 3%; float: left; height: 20px; border: 1px solid #333; background: url("../img/pro_but_bj2.jpg") no-repeat left center; background-size: 100% 100%; padding:35px 10px 15px 10px; line-height:20px; color:#222; font-weight:bold; font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;}
/*material_science*/